<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div id="tk-user-main-profile">
    <!--用户基本信息开始-->
    <div id="tk-user-main-profile-info">
        <img src="${ctx}/static/img/tkUserDefault.png" alt="用户头像" class="fleft">
        <div id="tk-user-main-profile-info-detail" class="fleft">
            <h3><a class="name" href="${ctx}/user">${user.username}</a></h3>
            <h4>${user.interest}</h4>
            <div id="personal">
                <i class="age"></i>
                <span>${user.age}岁</span>
                <i class="gender"></i>
                <span>
                    <c:choose>
                        <c:when test="${user.sex}">
                            男
                        </c:when>
                        <c:when test="${user.sex}">
                            女
                        </c:when>
                        <c:otherwise>
                            未填
                        </c:otherwise>
                    </c:choose>
                </span>
            </div>
            <div id="location">
                <i></i>
                <span>${user.city}</span>&nbsp;| <span>${user.department}</span>
            </div>
            <div id="level">
                <i></i>
                <span>用户等级</span>
            </div>
            <div id="introduction">
                <i class="intro"></i>
                <span>${user.description}</span>
            </div>
        </div>
    </div>
    <!--用户基本信息结束-->
    <div id="tk-user-main-profile-count">
        <span>获得</span>&nbsp;
                    <span>
                        <i></i>
                        <strong>${userStatistic.endorsedNum} </strong>
                        赞同
                    </span>
        &nbsp;
                    <span>
                        <i></i>
                        <strong>${userStatistic.thanksNum} </strong>
                        感谢
                    </span>
        <span class="fright"><a href="#">编辑我的资料</a></span>
    </div>
    <!--用户个人内部导航栏开始-->
    <div id="tk-user-main-profile-navbar">
        <span class="fleft"><i></i></span>
        <a href="#" class="fleft">
            <strong>提问</strong>
            <span>${userStatistic.questionNum}</span>
        </a>
        <a href="#" class="fleft">
            <strong>回答</strong>
            <span>${userStatistic.answerNum}</span>
        </a>
        <a href="#" class="fleft">
            <strong>收藏</strong>
            <span>${userStatistic.answerCollectionNum}</span>
        </a>
        <a href="#" class="fleft">
            <strong>圈子</strong>
            <span>${userStatistic.groupNum}</span>
        </a>
    </div>
    <!--用户个人内部导航栏结束-->
</div>